import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './stort/index'
import 'element-ui/lib/theme-chalk/index.css';
import './plugins/element.js'
import '../lib/css/init.css'
import $ from 'jquery'
import animate from 'animate.css'
import VueLazyload from 'vue-lazyload'
import './filter/tiem'
import 'viewerjs/dist/viewer.css'
import Viewer from 'v-viewer'
import VueSocketio from 'vue-socket.io';
import socketio from 'socket.io-client';
Vue.use(Viewer, {
  defaultOptions: {
    zIndex: 9999,
    inline: false,
    button: true,
    navbar: false,
    title: false,
    toolbar: true,
    tooltip: false,
    movable: true,
    zoomable: true,
    rotatable: true,
    scalable: false,
    transition: true,
    fullscreen: false,
    keyboard: false
  }
})
Viewer.setDefaults({
  zIndexInline: 9999
})
Vue.use(new VueSocketio({
  debug: true,
  connection: socketio('http://localhost:3001', {
    path: '',
    reconnection: true,
    reconnect: true
  })
}));
Vue.prototype.$ = $;
Vue.use(VueLazyload, {
  error: '/img/error.jpg',
  loading: '/img/loder.gif',
  attempt: 3
})
Vue.config.productionTip = false
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

